<template>
  <div>
    <p
      ref="content"
      :class="ispackup?'packUpSty':''"
    >
      <span>{{ showText || $t('noData') }}</span>
    </p>
    <a
      v-if="isoverflow&&ispackup"
      @click="()=>{ispackup=false}"
    >{{ $t('detail') }}</a>
    <a
      @click="()=>{ispackup=true}"
      v-if="!ispackup"
    >{{ $t('packup') }}</a>
  </div>
</template>
<script>
import { mixinElli } from './mixinElli'
export default {
  mixins: [mixinElli],
  data () {
    return {
      ispackup: true
    }
  }
}
</script>
<style lang="less" scoped>
.packUpSty {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2
}

</style>
